<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script src="./axios.js"></script>
  <script>

    axios.defaults.baseURL = 'http://www.itcbc.com:3006'

    // axios这个函数，和自己封装的函数 差不多。调用 axios 函数，会得到 Promise对象
    let p1 = axios.get('/api/province')
    let p2 = axios.get('/api/city', { params: { pname: '河北省' } })
    let p3 = axios.get('/api/county', { params: { pname: '河北省', cname: '承德市' } })
    // 下面两个静态方法，都是处理多个Promise对象的
    // all - 全部；   race - 比赛
    // Promise.all([Promise对象, Promise对象, Promise对象]).then()
    // Promise.race([Promise对象, Promise对象, Promise对象]).then()

    // Promise.all([p1, p2, p3]).then(result => {
    //   // all是全部，要等到三个Promise对象，都产生结果后，then才会执行
    //   // result 就包括 三个结果
    //   console.log(result)
    // })

    Promise.race([p1, p2, p3]).then(result => {
      // race是比赛的意思，只要有一个Promise对象产生结果，就会马上执行then
      // result 只包括最快的那个结果
      console.log(result)
    })
  </script>
</body>

</html>